import React ,{Component} from "react"
import {View,Text,ScrollView} from "react-native"
import {connect} from "react-redux";
import NavigationComponent from "../../components/NavigationComponent";
import ScrollableTabView ,{ScrollableTabBar}from 'react-native-scrollable-tab-view'
class NewTrain extends Component{
    constructor(props) {
        super(props);
        this.state = {
        };

    }


    render(): React.ReactNode {

        return <View style={{flex:1,paddingTop:80}}>
            <NavigationComponent title={"新人课堂"} back={true}/>
            <Text style={{fontSize:48}}>新人课堂</Text>

            <ScrollableTabView renderTabBar={()=><ScrollableTabBar/>}>
                <View tabLabel="早餐">
                    <ScrollView>
                    <Text>早餐</Text>
                    <Text>早餐</Text>
                    <Text>早餐</Text>
                    </ScrollView>
                </View>
                <View tabLabel="午餐">
                    <Text>午餐</Text>
                    <Text>午餐</Text>
                    <Text>午餐</Text>
                </View>
                <View tabLabel="晚餐">
                    <Text>晚餐</Text>
                    <Text>晚餐</Text>
                    <Text>晚餐</Text>
                </View>
                <View tabLabel="宵夜">
                    <Text>宵夜</Text>
                    <Text>宵夜</Text>
                    <Text>宵夜</Text>
                </View>
                <View tabLabel="早茶">
                    <Text>早茶</Text>
                    <Text>早茶</Text>
                    <Text>早茶</Text>
                </View>
                <Text tabLabel='Tab 1'>Tab 1</Text>
                <Text tabLabel='Tab 2'>Tab 2</Text>
                <Text tabLabel='Tab 3'>Tab 3</Text>
            </ScrollableTabView>
        </View>;
    }

}



export default connect(
    (state) => {
        return {
        }
    },
    (dispatch) => ({

    })
)(NewTrain)